<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./css/normalize.css">
  <link rel="stylesheet" href="./iconfont/iconfont.css">
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>
  <div class="container">
    <!-- 头部搜索框 -->
    <div class="search_box">
      <input type="text" placeholder="闫柏含··" class="ipt">
      <a href="#">
        <i class="icon"></i>
        我的</a>
    </div>
    <!-- 焦点图 -->
    <div class="focus">
      <ul>
        <li><a href="#"><img src="./upload/focus.jpg"></a></li>
      </ul>
    </div>
    <!-- 头部导航栏 -->
    <div class="top_nav">
      <ul>
        <li>
          <a href="#">
            <div class="icon"></div>
            <span>景点·玩乐</span>
          </a>
        </li>
        <li>
          <a href="#">
            <div class="icon"></div>
            <span>景点·玩乐</span>
          </a>
        </li>
        <li>
          <a href="#">
            <div class="icon"></div>
            <span>景点·玩乐</span>
          </a>
        </li>
        <li>
          <a href="#">
            <div class="icon"></div>
            <span>景点·玩乐</span>
          </a>
        </li>
        <li>
          <a href="#">
            <div class="icon"></div>
            <span>景点·玩乐</span>
          </a>
        </li>

      </ul>
    </div>
    <!-- 主导航 -->
    <nav class="main_nav">
      <div class="nav_item">
        <div class="items">
          <a href="#">酒店</a>
        </div>
        <div class="items">
          <a href="#">海外酒店</a>
          <a href="#">特价酒店</a>
        </div>
        <div class="items">
          <a href="#">团购</a>
          <a href="#">民宿/客栈</a>
        </div>
      </div>
      <div class="nav_item">
        <div class="items">
          <a href="#">机票</a>
        </div>
        <div class="items">
          <a href="#">火车票</a>
          <a href="#">特价机票</a>
        </div>
        <div class="items">
          <a href="#">汽车票/船票</a>
          <a href="#">专车/租车</a>
        </div>
      </div>
      <div class="nav_item">
        <div class="items">
          <a href="#">旅游</a>
        </div>
        <div class="items">
          <a href="#">门票</a>
          <a href="#">目的地攻略</a>
        </div>
        <div class="items">
          <a href="#">邮轮旅行</a>
          <a href="#">定制旅行</a>
        </div>
      </div>

    </nav>
    <!-- 服务模块 -->
    <div class="service">
      <ul>
        <li>
          <a href="#">
            <em></em>
            <span>WiFi手机卡</span>
          </a>
        </li>
        <li>
          <a href="#">
            <em></em>
            <span>保险·签证</span>
          </a>
        </li>
        <li>
          <a href="#">
            <em></em>
            <span>外币兑换</span>
          </a>
        </li>
        <li>
          <a href="#">
            <em></em>
            <span>购物</span>
          </a>
        </li>
        <li>
          <a href="#">
            <em></em>
            <span>当地向导</span>
          </a>
        </li>
        <li>
          <a href="#">
            <em></em>
            <span>自由行</span>
          </a>
        </li>
        <li>
          <a href="#">
            <em></em>
            <span>境外玩乐</span>
          </a>
        </li>
        <li>
          <a href="#">
            <em></em>
            <span>礼品卡</span>
          </a>
        </li>
        <li>
          <a href="#">
            <em></em>
            <span>信用卡</span>
          </a>
        </li>
        <li>
          <a href="#">
            <em></em>
            <span>更多</span>
          </a>
        </li>
      </ul>
    </div>
  </div>
</body>

</html>